<template name="skeleton">
  <view class="sk-container">
    <view class="viewport viewport data-v-e000afeb data-v-e000afeb">
      <view class="pics-con pics-con data-v-e000afeb data-v-e000afeb">
        <swiper
          :autoplay="false"
          :circular="true"
          class="swiper-picx swiper-picx data-v-e000afeb data-v-e000afeb"
          :current="0"
        ></swiper>
        <view
          class="indicator data-v-e000afeb sk-transparent sk-text-10-0000-398 sk-text"
          style="background-position-x: 50%"
          >2/5</view
        >
      </view>
      <view class="meta meta data-v-e000afeb data-v-e000afeb">
        <view class="price price data-v-e000afeb data-v-e000afeb">
          <text class="symbol data-v-e000afeb sk-transparent sk-text-30-0000-794 sk-text">￥</text>
          <text class="number data-v-e000afeb sk-transparent sk-text-25-0000-526 sk-text"
            >8.90</text
          >
        </view>
        <view class="title data-v-e000afeb sk-transparent sk-text-23-3333-496 sk-text"
          >随用随丢，懒人真爱地板清洁/除菌湿巾</view
        >
        <view class="desc data-v-e000afeb sk-transparent sk-text-15-0000-2 sk-text"
          >材质加厚，耐磨珍珠纹app</view
        >
      </view>
      <view class="action-panel action-panel data-v-e000afeb data-v-e000afeb">
        <view class="item arrow data-v-e000afeb sk-pseudo sk-pseudo-circle">
          <text class="label data-v-e000afeb sk-transparent sk-text-33-7500-35 sk-text">选择</text>
          <text class="text ellipsis data-v-e000afeb sk-transparent sk-text-33-7500-42 sk-text"
            >请选择商品规格</text
          >
        </view>
        <view class="item arrow data-v-e000afeb sk-pseudo sk-pseudo-circle">
          <text class="label data-v-e000afeb sk-transparent sk-text-33-7500-772 sk-text">送至</text>
          <text class="text ellipsis data-v-e000afeb sk-transparent sk-text-33-7500-137 sk-text"
            >请选择收货地址</text
          >
        </view>
        <view class="item arrow data-v-e000afeb sk-pseudo sk-pseudo-circle">
          <text class="label data-v-e000afeb sk-transparent sk-text-33-7500-168 sk-text">服务</text>
          <text class="text ellipsis data-v-e000afeb sk-transparent sk-text-33-7500-177 sk-text"
            >无忧退 快速退款 免费包邮</text
          >
        </view>
      </view>
      <view
        is="node-modules/@dcloudio/uni-ui/lib/uni-popup/uni-popup"
        class="r r data-v-e000afeb data-v-e000afeb"
      ></view>
      <view class="details-panel details-panel data-v-e000afeb data-v-e000afeb">
        <view
          class="title data-v-e000afeb sk-transparent sk-text-15-0000-297 sk-text sk-pseudo sk-pseudo-circle"
          >详情</view
        >
        <view class="properties properties data-v-e000afeb data-v-e000afeb">
          <view class="item item data-v-e000afeb data-v-e000afeb">
            <text class="label data-v-e000afeb sk-transparent sk-text-30-0000-754 sk-text"
              >包装</text
            >
            <text class="value data-v-e000afeb sk-transparent sk-text-30-0000-683 sk-text"
              >袋装</text
            >
          </view>
          <view class="item item data-v-e000afeb data-v-e000afeb">
            <text class="label data-v-e000afeb sk-transparent sk-text-30-0000-767 sk-text"
              >压花工艺</text
            >
            <text class="value data-v-e000afeb sk-transparent sk-text-30-0000-1 sk-text"
              >无压花</text
            >
          </view>
          <view class="item item data-v-e000afeb data-v-e000afeb">
            <text class="label data-v-e000afeb sk-transparent sk-text-30-0000-833 sk-text"
              >规格说明</text
            >
            <text class="value data-v-e000afeb sk-transparent sk-text-30-0000-52 sk-text"
              >每片尺寸：20*30cm 每包内装：40片/包适配于严选懒人拖把</text
            >
          </view>
        </view>
      </view>
      <view class="toolbar toolbar data-v-e000afeb data-v-e000afeb" style="padding-bottom: 34px">
        <view class="icons icons data-v-e000afeb data-v-e000afeb">
          <button
            class="icons-button data-v-e000afeb sk-transparent sk-button sk-pseudo sk-pseudo-circle"
          >
            <text class="icon-heart data-v-e000afeb sk-pseudo sk-pseudo-circle"></text> 收藏
          </button>
          <button
            class="icons-button data-v-e000afeb sk-transparent sk-button sk-pseudo sk-pseudo-circle"
            open-type="contact"
          >
            <text class="icon-handset data-v-e000afeb sk-pseudo sk-pseudo-circle"></text> 客服
          </button>
          <navigator class="icons-button data-v-e000afeb sk-transparent">
            <text class="icon-cart data-v-e000afeb sk-pseudo sk-pseudo-circle"></text> 购物车
          </navigator>
        </view>
        <view class="buttons buttons data-v-e000afeb data-v-e000afeb">
          <view
            class="add-cart data-v-e000afeb sk-transparent sk-text-31-9444-558 sk-text"
            style="background-position-x: 50%"
            >加入购物车</view
          >
          <view
            class="payment data-v-e000afeb sk-transparent sk-text-31-9444-768 sk-text"
            style="background-position-x: 50%"
            >立即购买</view
          >
        </view>
      </view>
    </view>
  </view>
</template>

<style lang="scss" scoped>
@import '../styles/goods', '../styles/AddressPanel.scss', '../styles/ServicePanel';
.sk-transparent {
  color: transparent !important;
}
.sk-text-10-0000-398 {
  background-image: linear-gradient(
    transparent 10%,
    #eeeeee 0%,
    #eeeeee 90%,
    transparent 0%
  ) !important;
  background-size: 100% 40rpx;
  position: absolute !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-30-0000-794 {
  background-image: linear-gradient(
    transparent 30%,
    #eeeeee 0%,
    #eeeeee 70%,
    transparent 0%
  ) !important;
  background-size: 100% 100rpx;
  position: relative !important;
}
.sk-text-25-0000-526 {
  background-image: linear-gradient(
    transparent 25%,
    #eeeeee 0%,
    #eeeeee 75%,
    transparent 0%
  ) !important;
  background-size: 100% 100rpx;
  position: relative !important;
}
.sk-text-23-3333-496 {
  background-image: linear-gradient(
    transparent 23.3333%,
    #eeeeee 0%,
    #eeeeee 76.6667%,
    transparent 0%
  ) !important;
  background-size: 100% 60rpx;
  position: relative !important;
}
.sk-text-15-0000-2 {
  background-image: linear-gradient(
    transparent 15%,
    #eeeeee 0%,
    #eeeeee 85%,
    transparent 0%
  ) !important;
  background-size: 100% 40rpx;
  position: relative !important;
}
.sk-text-33-7500-35 {
  background-image: linear-gradient(
    transparent 33.75%,
    #eeeeee 0%,
    #eeeeee 66.25%,
    transparent 0%
  ) !important;
  background-size: 100% 80rpx;
  position: relative !important;
}
.sk-text-33-7500-42 {
  background-image: linear-gradient(
    transparent 33.75%,
    #eeeeee 0%,
    #eeeeee 66.25%,
    transparent 0%
  ) !important;
  background-size: 100% 80rpx;
  position: relative !important;
}
.sk-text-33-7500-772 {
  background-image: linear-gradient(
    transparent 33.75%,
    #eeeeee 0%,
    #eeeeee 66.25%,
    transparent 0%
  ) !important;
  background-size: 100% 80rpx;
  position: relative !important;
}
.sk-text-33-7500-137 {
  background-image: linear-gradient(
    transparent 33.75%,
    #eeeeee 0%,
    #eeeeee 66.25%,
    transparent 0%
  ) !important;
  background-size: 100% 80rpx;
  position: relative !important;
}
.sk-text-33-7500-168 {
  background-image: linear-gradient(
    transparent 33.75%,
    #eeeeee 0%,
    #eeeeee 66.25%,
    transparent 0%
  ) !important;
  background-size: 100% 80rpx;
  position: relative !important;
}
.sk-text-33-7500-177 {
  background-image: linear-gradient(
    transparent 33.75%,
    #eeeeee 0%,
    #eeeeee 66.25%,
    transparent 0%
  ) !important;
  background-size: 100% 80rpx;
  position: relative !important;
}
.sk-text-15-0000-297 {
  background-image: linear-gradient(
    transparent 15%,
    #eeeeee 0%,
    #eeeeee 85%,
    transparent 0%
  ) !important;
  background-size: 100% 40rpx;
  position: relative !important;
}
.sk-text-30-0000-754 {
  background-image: linear-gradient(
    transparent 30%,
    #eeeeee 0%,
    #eeeeee 70%,
    transparent 0%
  ) !important;
  background-size: 100% 70rpx;
  position: relative !important;
}
.sk-text-30-0000-683 {
  background-image: linear-gradient(
    transparent 30%,
    #eeeeee 0%,
    #eeeeee 70%,
    transparent 0%
  ) !important;
  background-size: 100% 70rpx;
  position: relative !important;
}
.sk-text-30-0000-767 {
  background-image: linear-gradient(
    transparent 30%,
    #eeeeee 0%,
    #eeeeee 70%,
    transparent 0%
  ) !important;
  background-size: 100% 70rpx;
  position: relative !important;
}
.sk-text-30-0000-1 {
  background-image: linear-gradient(
    transparent 30%,
    #eeeeee 0%,
    #eeeeee 70%,
    transparent 0%
  ) !important;
  background-size: 100% 70rpx;
  position: relative !important;
}
.sk-text-30-0000-833 {
  background-image: linear-gradient(
    transparent 30%,
    #eeeeee 0%,
    #eeeeee 70%,
    transparent 0%
  ) !important;
  background-size: 100% 70rpx;
  position: relative !important;
}
.sk-text-30-0000-52 {
  background-image: linear-gradient(
    transparent 30%,
    #eeeeee 0%,
    #eeeeee 70%,
    transparent 0%
  ) !important;
  background-size: 100% 70rpx;
  position: relative !important;
}
.sk-text-31-9444-558 {
  background-image: linear-gradient(
    transparent 31.9444%,
    #eeeeee 0%,
    #eeeeee 68.0556%,
    transparent 0%
  ) !important;
  background-size: 100% 72rpx;
  position: relative !important;
}
.sk-text-31-9444-768 {
  background-image: linear-gradient(
    transparent 31.9444%,
    #eeeeee 0%,
    #eeeeee 68.0556%,
    transparent 0%
  ) !important;
  background-size: 100% 72rpx;
  position: relative !important;
}
.sk-button {
  color: #efefef !important;
  background: #efefef !important;
  border: none !important;
  box-shadow: none !important;
}
.sk-pseudo::before,
.sk-pseudo::after {
  background: #efefef !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}
.sk-pseudo-rect::before,
.sk-pseudo-rect::after {
  border-radius: 0 !important;
}
.sk-pseudo-circle::before,
.sk-pseudo-circle::after {
  border-radius: 50% !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
